const path = require('path')
function resolve(dir){
    return path.join(__dirname,dir) //path.join(__dirname)设置绝对路径
}

module.exports = {
    configureWebpack: {
        externals: { // 忽略打包 // 改用cdn引入
            'vue': 'Vue',
            'vue-router': 'VueRouter',
            'vuex': 'Vuex',
            'FingerprintJS': '@fingerprintjs/fingerprintjs', // 浏览器指纹
        },
    },
    productionSourceMap: false, // 忽略map打包map文件
    chainWebpack:(config)=>{
        config.resolve.alias
            //set第一个参数：设置的别名，第二个参数：设置的路径
            .set('@',resolve('./src'))
            // .set('components',resolve('./src/components'))
            // .set('assets',resolve('./src/assets'))
            // .set('views',resolve('./src/views'))
            // .set('network',resolve('./src/network'))
            //注意 store 和 router 没必要配置
        // 配置压缩图片
        config.module
            .rule('images')
            .test(/\.(gif|png|jpe?g|svg)$/i)
            .use('image-webpack-loader')
            .loader('image-webpack-loader')
            .options({
                bypassOnDebug: true
            })
            .end()
    },
    devServer: {
        proxy:{
            '/apis':{   // 路径中有 /api 的请求都会走这个代理 , 可以自己定义一个,下面移除即可
                target: 'http://127.0.0.1:3000/',    // 目标代理接口地址,实际跨域要访问的接口,这个地址会替换掉 axios.defaults.baseURL
                secure: false,
                changeOrigin: true,  // 开启代理，在本地创建一个虚拟服务端
                ws: false,       // 是否启用  websockets;
                pathRewrite: {   // 去掉 路径中的  /api  的这一截
                    '^/apis': ''
                }
            },

            // '/test':{
            //     target:'http://v.juhe.cn/joke',   // 目标代理接口地址,实际跨域要访问的接口,这个地址会替换掉 axios.defaults.baseURL
            //     secure:false,
            //     changeOrigin:true,
            //     ws:true,
            //     pathRewrite:{
            //         '^/test':'',
            //     }
            // }

        },
    },


}
